<div class="page-header">
  <h1>Payslip Generator <small>v 1.0</small></h1>
  <h4><?=$header;?></h4>
</div>
<?=$system_message;?>
<?=validation_errors() !=='' ? '<div class="alert alert-error">'.validation_errors().'</div>' : NULL;?>
	
<div class="span10">
	<form class="form-horizontal" action="<?=site_url('position/add');?>" method="POST">
		<div class="control-group">
			<label class="control-label" for="inputEmail">Employee's Name:</label>
			<div class="controls">
			
			<?
				if(!empty($employee_opt))
				{
					echo form_dropdown('employee',$employee_opt,'','id="employee_picker" data-url="'.site_url('outputs/pged').'"data-auth="'.$auth.'" ');
				}else{
					echo '<div class="alert alert-notice">No employees available</div>';
				}
			?>
			</div>
		</div>
		<noscript>
			<div class="control-group">
				<label class="control-label" for="inputEmail"></label>
				<div class="controls">
					<input type="submit" name="View Employee" class="btn btn-primary">
				</div>
			</div>
			<hr>
		</noscript>
	</form>
	
	<form class="form-horizontal">
		<div class="control-group">
			<label class="control-label" for="inputEmail">Position</label>
			<div class="controls">
			<input type="text" class="span6" id="e_position" disabled>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="inputEmail">Dependents</label>
			<div class="controls">
			<input type="text" class="span6" id="e_m_dependents" disabled>
			</div>
		</div>
		<div class="control-group">
			<label class="control-label" for="inputEmail">Monthly Salary</label>
			<div class="controls">
			<input type="text" class="span6" id="e_m_salary" disabled>
			</div>
		</div>
	</form>
	
	<form class="form-horizontal"  action="" method="POST">
		<div class="control-group">
			<label class="control-label" for="inputEmail"></label>
			<div class="controls">
				<input type="hidden" name="employee_id" id="employee_id">
				<input type="submit" value="Generate Payslip" name="Generate_Payslip" class="btn btn-primary">
			</div>
		</div>
	</form>
<hr>
</div>
<div class="span10">
	<fieldset>
		<legend>Daily Time Record</legend>
		<table class="table table-striped">
			<thead>
				<tr>
					<th style="text-align:center;">Date</th>
					<th colspan="2" style="text-align:center;">AM</th>
					<th colspan="2" style="text-align:center;">PM</th>
				</tr>
				<tr>
					<th style="text-align:center;">&nbsp;</th>
					<th style="text-align:center;">IN</th>
					<th style="text-align:center;">OUT</th>
					<th style="text-align:center;">IN</th>
					<th style="text-align:center;">OUT</th>
				</tr>
			</thead>
			<tbody id="dyna-data">
			</tbody>
		</table>
	</fieldset>
</div>